<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户详情</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body>
<form class="layui-form">
    <div class="layui-card-header">
        <label class="layui-form-label" style="font-weight: bold;width: 130px">完善我的资料：</label>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户编号<span class="layui-badge-dot"></span></label>
        <div class="layui-input-inline">
            <input type="text" name="code" id="code" required  lay-verify="required"
                   placeholder="请输入用户名" autocomplete="off" class="layui-input" readonly>
        </div>
        <input type="hidden" name="id" id="id">
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户名<span class="layui-badge-dot"></span></label>
        <div class="layui-input-inline">
            <input type="text" name="username" id="username" required  lay-verify="required"
                   placeholder="请输入用户名" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">学号<span class="layui-badge-dot"></span></label>
        <div class="layui-input-inline">
            <input type="number" name="stuId" id="stuId" required lay-verify="required"
                   placeholder="请输入学号" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">学号ID</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">昵称<span class="layui-badge-dot"></span></label>
        <div class="layui-input-inline">
            <input type="text" name="nickname" id="nickname" required  lay-verify="required"
                   placeholder="请输入昵称" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">学历<span class="layui-badge-dot"></span></label>
        <div class="layui-input-inline">
            <select name="degree" id="degree" lay-verify="required">
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <input type="radio" name="gender" value="male" title="男">
            <input type="radio" name="gender" value="female" title="女">
            <input type="radio" name="gender" value="secret" title="保密">
        </div>
    </div>
    <!--图片上传-->
    <div class="layui-form-item">
        <button type="button" class="layui-btn layui-input-block" id="avatarImg">
            <i class="layui-icon">&#xe67c;</i>上传头像
        </button>
        <div class="layui-input-block">
            <img src="" width="100px" height="100px" id="priview" style="margin: 5px 0">
            <span>图片地址：</span>
            <input type="text" class="layui-input-block" id="avatar" name="avatar" readonly>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">电话</label>
        <div class="layui-input-inline">
            <input type="text" name="phone" id="phone"
                   placeholder="请输入您的电话号码" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">年龄</label>
        <div class="layui-input-inline">
            <input type="text" name="age" id="age"
                   placeholder="请输入您的年龄" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">生日</label>
        <div class="layui-input-inline">
            <input type="text" name="birthday" id="birthday" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">班级</label>
        <div class="layui-input-inline">
            <input type="text" name="classes" id="classes" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">入学时间</label>
        <div class="layui-input-block">
            <input type="text" name="joinTime" id="joinTime"
                   placeholder="请输入您的入学时间" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">入学班次</label>
        <div class="layui-input-block">
            <input type="text" name="joinFrequency" id="joinFrequency"
                   placeholder="请输入您的入学班次" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所在教室</label>
        <div class="layui-input-block">
            <input type="text" name="classRoom" id="classRoom"
                   placeholder="请输入您的所在教室" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">所在位置</label>
        <div class="layui-input-block">
            <textarea name="position" id="position" placeholder="请输入所在位置" class="layui-textarea"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="commit">保存</button>
        </div>
    </div>
</form>

<!--js引用-->
<script src="/layui/layui.js" charset="utf-8"></script>
<script src="/js/common.js"></script>
<script src="/js/back/user/userDetails.js" charset="utf-8"></script>

</body>
</html>